What Exactly Is a Sharepoint List | Structure of a List | Column Headers | Task List | Create a New List | Sharepoint Templates | Add a List | List Settings | Permissions and Management | Add a New Task | Update the Progress | Mark a Task as Complete
Intro | Microsoft Lists: On-demand workshop in two parts | Collaborative Work Management with Microsoft 365 | Track what matters most with Microsoft Lists | Microsoft Lists - Frequently Asked Questions (FAQs) | Creating a list and using ready-made templates | Jumpstart your new list using ready-made templates | Sharing lists and list items | Getting started with Microsoft Lists | Check your list anywhere with the Lists mobile app | Working with Lists in Microsoft Teams | Microsoft Teams Microsoft Lists (45-sec video demo)
Introduction | Let's get set up | Build the "Welcome Webpart" in JavaScript (Typescript) | Build the "Welcome Webpart" in ReactJS (Typescript) | Build the "Welcome Webpart" in VUE.js (Typescript)
Reuse Your Existing Javascript Libraries with Sharepoint Framework | Options To Use Existing Javascript | Demo | Typescript Always Compiles to Javascript
Introduction | Table Of Contents | CLI (Vue ClI vs Angular CLI) | File Structure And What Makes Up An App | Vue Router vs Angular Router | Component Comparison | Data Fetching Axios vs HttpClient Angular | Ease Of Use Vue vs Angular | Conclusion Which Is Better Vue or Angular?
Introduction to customizing Modern SharePoint List Forms with JSON | Create SharePoint List from Microsoft List Template | Reorder Columns in SharePoint Form | Show or Hide Columns in SharePoint Form | Required field validations (Column must contain information) | Conditional Show Hide Columns (Edit Conditional Formula) | Configure SharePoint form body to show one or more sections (JSON) | Customize SharePoint Form Header using JSON formatting | Customize SharePoint Form Footer using JSON formatting | SharePoint Form matches Site Themes (Look and feel) | SharePoint Form JSON Customization Example | SharePoint column validations | SharePoint List Validation Settings (Validation formula) | SharePoint List Approval Notification Workflow | Add SharePoint List to Modern Page (connected web part - List Properties) | Add Modern SharePoint List as a Template | Subscribe to Reza Dorrani channel
Introduction | Loading Vue.js and Lodash | Hiding Vue components while loading with v-cloak | Data and v-for | Sorting data with Lodash and computed properties | Methods and @click handler | Adding sorting properties | View modes | Thanks!
Intro | Introductions | About me | Thank you | Evan | Announcements | Vue Progressive Framework | Twitter Question | Single File View Components | Favorite Feature | Hot Reload | Twitter Questions | React vs JSX | Questions | Vue vs React | Vue Backs | Taylors Question | Twitter QA | WorkLife balance | Working fulltime | Breaking the reactor | Pro tip | Vuejs extended team | Tips and Picks | Dont be the smartest | My tips
Introduction | Why Are Dynamic Pages Important | Agenda | Events | Objectives | Rendering Lists | Create a View App | Live Server | Processing a List | Conditionally Rendering | Conditional Rendering | Forms and State | Two-Way Data Binding | Text Boxes | Examples | Git Clone | Create the Form | Working with Events | Add a Button | Computed Properties | Final Questions
CODE SPLITTING PROCESS OF SPLITTING PIECES OF YOUR CODE INTO ASYNC CHUNKS LAT BUILD TIME | HOW DOES IT WORK? | TWO TYPES STATIC "DYNAMIC" | ROUTE: ALWAYS COMPONENT: TEMPORAL LIFECYCLE: CONDITIONAL
Intro | What is SharePoint | Modernizing SharePoint | SharePoint Framework | Why SharePoint | SharePoint in React | SharePoint Community | Maintaining Isolation | Getting Started with SharePoint | SharePoint Tutorials | Sponsor Digital Ocean | Types of Extensions | Web Parts | Presentation Layer | API Support | The Armada | Books
Intro | Sharepoint Patterns and Practices | Demo | Create a New Project | The Coded Editor | Add a List of Modules and Scripts | Html Template | Bootstrap the Angular App | Install Office Ui Fabric | Include Office Ui Fabric Css | Add Controls
create a folder in your vs code | render a view component on our front end | create a div inside my body | creating a script inside the html page | create a new html page | open the chrome inspector tools | learning the form binding | working with multiple check boxes | add a heading h1 | add a radio button | create a view component constant | create a submit button | add a padding | create a submit action | create a reset method | add input type | apply the same styling to the button | use the splice method
VueJS vs ReactJS - Which is best? | Pros of ReactJS 1. React.JS comes with a high level of flexibility & responsiveness | version to another version in ReactJS is very easy. | ReactJS is a 100% open source library which gets daily updates and improvement | ReactJS syntax is easy to learn for developers who possess knowledge in HTML | Cons of React 1. Vue is very helpful when comes to building a reusable template | VueJS can be used for developing a single web page and complex web pages. | The documentation of VueJS makes it easier for developers to learn the framework | VueJS has a lot of features similar to AngularJS, making it easier to use. | VueJS offers to switch between different frameworks because of its similarity
Coding is a lifelong journey | Take a JS course on Udemy | Build project of interest | Build project without framework! | You don't need a bootcamp or degree! | You cannot hack your brain. | 1 Start on Freecodecamp
What are you excited about this next year with Vue.js? | Evan You | Divya Sasidharan | Peter Finn | Sarah Drasner | Jacob Shatz | John Lindquist | Jen Looper | Edd Yerburgh | Blake Newman | Rachel Nabors | Chris Fritz | Sebastien Chopin | Miriam Suzanne | Eduardo San Martin Morote | Daniel Rosenwasser | Thanks for watching!
create vue app | create a component | make a form | add todo app | show todo app | remove todo app | edit todo app | update todo app | make ui for todo app
Opportunities to Participate in PnP SPFX / JS SIG | What about SharePoint Framework? - How's the adoption of 3rd party solutions? | SharePoint Dev Roadmap | @ Reusable SPFx Controls
build a sample application | create a new application | give each page a descriptive helpful title | crawl your page and index the content | discussing dynamic rendering
Sending Auth Tokens with Requests | Request Config | Get the Auth Token | Authorization Token | What Tool Did I Use for the Mock-Ups | Redirect To Login | Handling Access and Refresh Tokens with Interceptors | Tabs
Introduction | Nuxt Nation | Why Should You Care? | Vue 3 or Vue 2 | Vite | Vue CLI | CDN Script NPM Roll your own | Vuepress / Vitepress | petite-vue | Nuxt.js | Gridsome | Boilerplates Starter Template | What Would I Choose?
Agenda | Cross Site Publishing | Product Catalog | Managed Metadata Navigation | Search Driven Sites | Slider | Contextual Results | Coding | Display Templates | Search Driven Content | What's Change in Sharepoint 2013 | Geek Entity Extraction | Entity Extraction | Sharepoint 2013 | Continuous Scroll | Sharepoint Continuous Scroll | What's a Managed Property | Manage Properties | Search Schema | What Is a Crawl Property | List Settings | Catalog Settings To Turn this List into a Catalogue | What Fields in Your Sharepoint List Do You Want To Use To Build the Urls | Manage Catalog Connections | Connect to a Catalog | Term Store | Create a Design with Html Css Javascript | Intranets
Introduction | Workshop Overview | Who is this workshop for | Mastering the SharePoint Framework | Agenda | Ignite | TypeScript | Open Domain | Workshop Info | Workshop Discount
HELP US OUT | WHAT IS VUE.JS? | VUE vs. OTHER FRAMEWORKS | WHAT VUE OFFERS | USING VUE.JS | VUE-CLI TOOL | SIMPLE EXAMPLE | DIRECTIVES | SIMPLE DIRECTIVE EXAMPLES | CONDITIONALS & LOOPS | CLASS & STYLE BINDING | COMPONENTS | ADDITIONAL TOOLS & PLUGINS
Video Intro | Download the Project Files and Prepare the Workspace | Declarative Rendering | Attribute Binding | The V-For Loop | Conditional Rendering | The Basket Structure | Methods & Event Handling | Calculating the Totals and Increasing/Decreasing Quantities
Session Start | Taking a Closer Look at Using Vuex | Revisiting our Custom Events Sandbox App | Adding More State to Vuex | Building a Simple Color List Component with Vuex State | Getters Are Vuex Computed Properties | Introducing Map Helper Functions for Multiple Vuex Properties | Map Helpers Array and Object Syntax | Mutations, Actions and Sync/Async | Using our First MapGetters Helper Function | Using our First MapActions Helper Function | Changing our Color Getters Over to State | MapActions Error Debugging | MapActions Error Correction
Intro | General Assembly | Why D3 | Lord of the Rings | SVG Example | Bar Chart Example | View | Pie Chart | String | Arc | What is SVG | Key takeaways | D3 vs React | Documentation | Level 1 Easy | Level 2 Easy
App review and intro. | Vue.js file structure and removing unneeded code. | HTML & CSS, plus installing bootstrap and font-awesome | Read tasks. | Add new task. | Delete task. | Edit and update task. | Change the status of the task. | Class and style bindings.
What is the SharePoint Framework? | My Top 10 Benefits of using SPFx | Security Advantages | LETS GO! Introduction to the Webpart we are developing and future episodes
covering form submission in validation | create an index html | add a div | pick a preset | continue on by learning about view components in the next section | set the disabled attribute of a button | put in javascript expressions within these interpolation braces | create an array of objects in the component | create an array of objects | use the v4 directive | talk about linking to an external style sheet or css | adjust the template section | adjust the template | add some css | use the v-model directive on form input | define actual methods in the component logic | show an error message | add animations within your user interface | put in some keyframe animations | create a source router | make an adjustment to the template section | add a script section to our component
Opportunities to Participate in PnP SPFX / JS SIG | The Road Ahead - What we are working on? | PnPjs Client-Side Libraries | @ PnP Office 365 CLI | @Reusable SPFx Controls | PnP SPFx Samples | Microsoft 365 developer community calls
1.1 Introduction | 2.1 Getting Started With Vue | 2.2 Using Loops to Generate Content | 2.3 Binding Data to Attributes | 2.4 Setting Up Events | 2.5 Binding CSS Classes I | 2.6 Using Computed Properties | 2.7 Binding CSS Classes II | 2.8 Introducing Components | 2.9 Understanding Data Flow | 3.1 Getting Started With the Vue CLI | 3.2 Starting a Project From Scratch | 3.3 Applying CSS to Components | 4.1 Using the created() Lifecycle Event to Load Data | 4.2 Working With Unset Props | 4.3 Deciding When to Load Data | 4.4 Working With Forms | 4.5 Validating Forms | 4.6 Updating and Filtering Data | 4.7 Using Watchers | 5.1 Creating Custom Events | 5.2 Writing a Global Event Bus | 6.1 Introducing Vue Router | 6.2 Using Route Params | 6.3 Loading Data for Views | 6.4 Watching Params to Reload Data | 6.5 Using the Router's Active Class | 6.6 Nesting Routes | 7.1 Introducing the Composition API | 7.2 Providing and Injecting Dependencies Into Components | 7.3 Accessing Props and Router Functions | 7.4 Binding Data and Working Wth Forms | 7.5 Defining Computed and Watched Values | 7.6 Implementing the Delete Functionality | 8.1 Conclusion
Taylor Otwell | Thorsten Lünborg Vue.js core team | Scott Tolinski Host of LevelUpTuts & Syntax Podcast | Sarah Drasner Head of DX @ Netlify & Vue.js core team | Jinjiang Zhao Alibaba & Vue.js core team | Gu Yiling Baidu & Vues core team | Leo Deng Ele.me & Vue.js contributor
Overview | What's new in SPFx v1.14? | Image Helper API | Updated SPFx generator prompts | New & updated SPFx project templates | New APIs for all component types | New APIs for web parts | Updated APIs for web parts | New command set API: force list view re-render | New command set API: disable commands | New command set API: new list view update event | New ACE API: card caching | New ACE API: new action types | New ACE API: action error handler event | What's fixed? | What's gone? | REMOVED: SPFx for Office Add-ins | REMOVED: legacy Microsoft Graph API | DEPRECATED: command set list view update event | DEPRECATED: EnvironmentType.Local
Step 1: Learn the Fundamentals of HTML, CSS and JavaScript | Step 2: Explore the Vue Ecosystem | Step 3: Develop Real-World Projects | Step 4: Stay on the Leading Edge | Step 5: Network with Developers | Step 6: Contribute to the Community | Step 7: Curate Your Portfolio | Step 8: Share What You're Learning
Intro | What is Vue? | Vue Widgets | Typical non-Vue Websites | The Composition API | Multiple Root Elements | Teleport Component | Suspense Component | TypeScript Support | More Changes
(LV) LearnVue.co | Adding reactive styles with Vue data | Uses CSS variables and Vue 3's reactivity library | Let's take a look at how the current RFC works | A quick example | export default data() return color: 'red' | Let's say we are working with a JS object | Regardless if we're using a JS expression or root level data... | Whenever our data changes, our style will update | Let's change the color of our text using a button | Hello World Make Blue /button | We can change our reactive data in any other way too | Cool, right? | So how exactly is this working?? | root-el --469af010-color: red; --469af010-font_weight: 800 | This is the mechanism binding our data to CSS styles | This is a great, intuitive addition for Vue devs | Reactive data / CSS vars are not available in child components | Designed to avoid confusion with inheritance | Make sure to check browser support for CSS vars | These SFC styles depend on CSS vars | It can get tricky when working with units in CSS | Let's say we want to control the font-size | This can make incrementing/ decrementing our font size more difficult | We can use a computed property to add our units to a Number | Thoughts on this RFC | What do you think??
Introduction | What is React JS? | Features of React JS | What is Vue JS? | Features of Vue JS | Why React is better then Vue JS? | Why Vue is better then React JS? | React VS Vue JS – Approach | React VS Vue JS | Website that is using Vue and React JS | When to choose React or Vue?
LogRocket intro | Intro to Vue.js refs tutorial | What are refs in Vue.js? | How do you use refs in Vue.js | How Vue.js refs work | What is $refs in Vue? | Getting DOM elements in Vue.js | Displaying HTML elements in Vue.js | How do you display input value in HTML? | Displaying a Vue element’s URL | Handling conditionals in Vue.js
Quick Review of Episode 2 and Introduction to Episode 3 | Development using PnP SPFX Yeoman Generator | Anatomy of a Project | Files | Source (SRC) | Modify Our Webpart | Review and What's Coming Next
Welcome to DejaVue! | Do you have any plans for Vue 4? | Ref Unwrapping in objects | Native CSS Scoping, Signals and Browser range | Defaulting to script setup and TypeScript | No prop declaring necessary anymore | Nothing set in stone for Vue 4 | Vue 3.5 improvements | Internal type improvements | Reactive Props Destructure RFC | Do we still need custom directives? | Lazy Hydration | Allowing Hydration mismatches on purpose | Custom Lazy Hydration Triggers | Vue 3.5 Alpha | State of Suspense | Vapor Mode | Performance of Vapor | Volar and the Vue VS Code Extension | Negativity towards Volar | Mobile App Development with Vue | What content would help the Vue community? | Wrapping up!
Intro | Create Asset Manager list from Microsoft Lists Template | Apply Body JSON form formatting option for Asset Manager SharePoint List | Move columns to different sections in Body JSON | Reorder columns in SharePoint list form | Customize Body JSON form formatting | Understanding the JSON body structure | SharePoint list Validation multiple conditions | Add List and List Properties Web Parts to Modern SharePoint Page | Subscribe
You can't embed JavaScript modern experience pages. | Stick to the classic experience for more ability to modify. | Uses of JavaScript | Customize the user experience/user interface | Modify Input Forms
Start | Pagination Bar Mockup | Pagination within GitHub’s API | Displaying the Correct Number of Pages | Active and Disabled States | Query Params - Saving Page Numbers | Multiple Query Params | Changing # of Results per Page | Using Pagination with Preloaded Data | Conclusion and Preview
List Rendering v-for | Maintaining State with Key | Key | Creating Project | Array of Strings | Array of Objects | Array of Arrays | Block of Elements | Object Key Value Pair | Object of Objects | v-for with Range | v-for with v-if | v-for with Computed Property | v-for with Method | v-for with Component | v-for of | Methods
Install Visual Studio | Install Postman | Install Sql Server Management Studio | Database Objects | Create the Database Tables | Create the Net Core Web Api Project | Models | Api Methods | Test Our Api Methods | An Api To Upload the Photos | Create the Vue Js Project | Bootstrap | Bootstrap Table | Create and Update Departments | Sorting
Add Places JavaScript Library To The Project | Enable Maps JavaScript API & Places API | Instantiate Places Autocomplete Object | Restrict Autocomplete addresses by Location | Attach Event To The Autocomplete object | Get Selected Place Object | Refactor the repeated code
Introduction | Podcast solution overview | What you will learn in this episode | Create the media document library | Structure the site pages library metadata for our episode pages | Create a podcast feed custom JSON view | Custom JSON code explained | Create and add a play button for your podcast episodes | Test or custom view with metadata | How to add the description for our episodes | Build our first SharePoint podcast episode page | How to build a SharePoint podcast site homepage | How to create a SharePoint Hub Site | How to associate / add sites to a SharePoint Hub Site | Create our SharePoint podcast Hub Site homepage | Outro!
Introduction | Transforming classic UI Extensions to SharePoint Framework Extensions | Demo | Understanding the SPFx generated code | Digging into the SPFx UI Extension for List View Command Set
Introduction | How to get started with JavaScript in Plumsail Forms | Example of working with the event and setting field values 📝⚙️ | Managing choice field values and working with arrays 🎛️ | Adding dynamic logic for field management based on other values | Using CSS classes and jQuery to control field display 🎨🖥️ | Working with tabs and accordions 🗂️ | Validation and ensuring unique values | Working with person and lookup fields | Handling display forms and choice validation 🖼️✔️
I'm using default ASP.Net core MVC template | I'm coping listed packages | and webpack configurations | Let's modify source and destination directories. | Node packages are being installed by VS automatically. | We need to import vue to handle rendering | I'm creating a basic vue template to demo how it works. | Creating actions for 3 views | remember, we don't use layout for contact us page
PINIA FEATURES COMPARE TO VUEX | MODULAR BY DESIGN | PINIA SEPARATES MODULES INTO SEPARATE STORES | ALRIGHT, LET'S USE IT! | WHAT OTHER PINIA TOPICS DO YOU WANT TO SEE?
Add Bootstrap | Routing and Navigation | Navigation | Add the Modal Pop-Up Window | Create and Update Departments | Sorting and Filter | Sorting | Implement the Sorting Function
Intro & Demo | What you will learn? | Create Vue.js app | Add Tailwindcss | Add Vue Router and configure routes | Install Vuex and create store | Create Home Page | Install axios | Build the actual application, components, layouts, API requests | Refactor code and UI | Outro
Install the Vue Js | Create a View Project | Run Server | Search Bar | Weatherbox | Css | Get an Api Key from Open Weather | Fetch Api | Date Builder | Css for Hot
React | Jsx Syntax | Approaches to Building Add-Ins with React | Side Loading and Debugging React Apps | Using React | Delete Items | Angular | Existing Projects | Side Loading and Debugging Angular Add-Ins | Angular Cli | View Jas | Approaches to Building an Office Add-In | Building an Office Admin from a New Project | Converting an Existing View Project To Deliver an Office Add in | Side Loading and Debugging View Add-Ins | Root Component | Npm Start
0..Vue js Introduction | 1..Vue js without install (CDN) | 2..Vue js with npm install | 3..Vue js file and folder structure of the project | 4..Start with code in Vue js | 5..Make componen in vue js 3 | 6..Vue js Interpolation and data property | 7..Vue js define and use methods and function | 8..Vue js Events e.g click event | 9..Vue js two way binding | 10..get input field value in Vue js | 11..Vue js get checkbox and radio button value | 12..if-else condtions in Vue js | 13..For Loop in Vue js 3 | 14..Pass data parent to child component in vue js | 15..Resume Component in Vue js | 16..Vue js HTML binding | 17..Class Binding in Vue js | 18..Props in Vue js | 19..Send data from child to parent Component in Vue js | 20..Ref in Vue js | 21..Simple form in Vue js | 22..Vue js form part 2 | 23..Vue js form validation | 24..Non props data in Vue js 3 | 25..Computed Props in Vue js | 26..Watchers data in vue js 3 | 27..Slots in Vue js 3 | 28..Multiple slots with name in Vue js 3 | 29..Dynamic components in vue js 3 | 30..TelePort components in vue js 3 | 31..Life cycle methods in vue js 3 | 32..Before created and created life cycle methods | 33..Before mount and mounted in vue js 3 | 34..Before Update and Updated in vue js 3 | 35..Before Unmount and Unmounted in vue js 3 | 36..Dynamic Routing in vue js 3 | 37..Page Not Found vue js 3 | 38..What is API in vue js 3 | 39..How to call GET API | 40..Display list with API data | 41..Send data in API with Post Method
Create a New Laravel Project | Install this Laravel Ui through Composer | Install a Tailwind Css | Add the View Router | Set Up a Tailwind Css | Laravel Default Routing System | Routes Js File | Basic Structure of a View Component | About Page | Create Links for Pages | Navigation Bar | Router Link | 404 Error
Tip 1: JavaScript if else without curly braces | Tip 2: JavaScript OnClick function | Tip 3: Only include certain scripts in certain view pages | Tip 4: Uncaught TypeError Cannot Set Property of null | Tip 5: Post data using JavaScript or jQuery
Intro / focus | HTML sidebar | Style sidebar | Turn nav HTML tree into an array of objects | Create NavItem component | Add HeadlessUI disclosures | Add menu icons | Default menu styles | Hover menu styles | Style disclosure OPEN state | Style menu item ACTIVE state | Open disclosures containing an active item
Project Overview & Main Features | Shift key bypass | Hide Tables and Queries Permanently | Hard Drive Serial Number Embedding | Permanently Hide, Lock, and Disable Full Menu, Ribbon, and Navigation Bar | Change Icon and Splash Screen of MS Access Database
